<!DOCTYPE html>
<html>
<head>
    <title>太空保龄球</title>
    <meta content="text/html" charset="UTF-8">
    <script type="text/javascript" src="./jQuery/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="./JS/taikong.js"></script>
    <link href="./CSS/taikong.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="game">
            <div id="gameUI">
                <div id="gameIntro">
                    <h1>Space bowling</h1>
                    <p>This is an awesome game.</p>
                    <p><a id="gamePlay" class="button" href="">Play</a></p>
                </div>
                <div id="gameStats">
                    <p>Asteroids: <span id="gameRemaining"></span></p>
                    <p>Clicks: <span class="gameScore"></span></p>
                    <p><a class="gameReset" href="">Reset</a></p>
                </div>
                <div id="gameComplete">
                    <h1>You win!</h1>
                    <p>Congratulations,you completed this game in <span class="gameScore"></span> clicks.</p>
                    <p><a class="gameReset button" href="">Play again.</a></p>
                </div>
            </div>
        <canvas id="gameCanvas" width="350" height="600">
        </canvas>
    </div>
</body>
</html>